<template>
  <div class="swiperPre">
    <el-carousel trigger="click" height="100%" :interval="interval * 1000 || 0" indicator-position="none" :autoplay="interval?true:false">
      <el-carousel-item v-for="item in ids" :key="item">
        <iframe :src="`${rootUrl}vdata/preview?id=${item}`" frameborder="0" width="100%" height="100%"></iframe>
      </el-carousel-item>
    </el-carousel>
  </div>
</template>
<script>
export default {
  data() {
    return {
        ids: [],
        interval: 0
    }
  },
  components:{
  },
  created () {
    this.ids = JSON.parse(this.$route.query.ids)
    this.interval = this.$route.query.interval || 0
  },
  computed:{
  },
  methods:{
  }
}
</script>
<style lang="scss">
.swiperPre{
    width: 100%;
    height: 100%;
}
.swiperPre .el-carousel{
    height: 100%;
}
.swiperPre .el-carousel__arrow i {
  font-size: 29px !important;
}
</style>